﻿<style type="text/css">
    /*付款码*/
    body{background:  url('../../Images/qurode_bg.png') no-repeat;background-size:cover}
    .mv-content{margin-top: 0px;}
    .mv-head1{height: 50px;text-align: center;line-height: 50px;position: relative;}
    .mv-head1 h2{font-size: 16px;display: inline-block;color: #fff;font-weight:700}
    .mv-head1 a{font-size: 16px;position: absolute;left: 0px;display: inline-block;height: 40px;color: #fff}
    .mv-head1 a span{color: #fff}
    .mv-head1 a i{font-size: 20px;margin-left: 5px;position: relative;top: 1px;}
    .Paymentdata .data-top{text-align:center}
    .Paymentdata .data-top img{height:60px;margin-top:15px;}
    .Paymentdata  .data-mid{margin-left:40px;margin-right:40px;background:#fff;padding-bottom:20px;padding-top:20px;border-radius:8px;margin-top:20px;}
    .Paymentdata  .mid-content{width:90%;background:#6f84ef;margin:0 auto;border-radius:5px;text-align:center;padding-bottom:20px;}
    .data-mid .data-a h2{padding-top:15px;color:#fff;font-size:27px;font-weight:700;letter-spacing:6px;}
    .data-mid .data-a p{letter-spacing:2px;color:#fff;font-size:16px;margin-top:5px;}
    .data-mid .data-a p span{color:#fb7975;font-weight:700;}
    .data-mid .data-b{background:#fff;text-align:center;width:80%;margin:0 auto;border-radius:5px;padding-bottom:20px;margin-top:20px;box-shadow: 1px 3px 15px 0px #333;}
    .data-mid .data-b img{max-width:90%;margin-top:15px;width:120px;}
    .data-mid .data-b p{font-size:16px;padding-top:5px;color:#8095a2;padding-top:15px;}
    .data-b input{text-align: center; font-size:12px;color: #6b8ee7;font-weight: 700;letter-spacing: 4px;display: block;outline: none;width:90%;margin:0 auto;margin-top:10px;}
    .data-b a{width:80%;display:inline-block;background:#68a1ed;margin-top:15px;padding:8px 0px;color:#fff}
    .mid-bottom{text-align:center;border-top:1px solid #ccc;margin-top:20px;}
    .mid-bottom p{color:#8095a2;margin-top:20px;margin-bottom:10px;}
    .mid-bottom input{text-align:center;font-size:25px;color:#6b8ee7;font-weight:700;letter-spacing:4px;display:block;outline:none;border:none;width:100%;}
    .mid-bottom a{width:80%;display:inline-block;background:#68a1ed;margin-top:15px;padding:8px 0px;color:#fff}

    .Payment-content{margin-right: 30px;margin-left: 30px;margin-top: 30px;}
    .Payment-top {background: #959bbb;height: 20px;}
    .Payment-top .ment-a{width: 30%;height: 30px;margin:0 auto;background: #959bbb;position: relative;z-index: 2;line-height: 30px;text-align: center; }
    .mv-Payment .ment-a i{color: #fff;margin-right: 4px;}
    .mv-Payment .ment-a span{color: #fff}
    .Payment-bottom{background: #fff;padding-top: 20px;padding-bottom: 60px;}
    .Payment-bottom p{color:#ccc;text-align:center;width:100%;margin-bottom:40px;}
    .Payment-bottom img{max-width:100%;display: block;margin:0 auto;width:60%;}
</style>
<div class="mv-Payment">
    <div class="mv-head1">
        <h2>推广二维码</h2>
        <a onclick="mview.view.load('/views/user/main.html')">
            <i class="iconfont icon-fanhui1"></i>
            <span>返回</span>
        </a>
    </div>
    <div class="Paymentdata">
        <div class="data-top">
            <img src="../../Images/logo.png" />
        </div>
        <div class="data-mid">
            <div class="mid-content">
                <div class="data-a">
                    <h2>WSD共享模式</h2>
                    <p><span>1000ETH</span>游戏大奖等你来拿</p>
                </div>
                <div class="data-b">
                    <!--<img :src="bag.qrcode">-->
                    <p>注册地址</p>
                    <input type="text" id="crode" v-model="bag.qrcode" readonly>
                    <a onclick="copy()">一键复制</a>
                </div>
             
            </div>
            <div class="mid-bottom">            
                    <p>共享无人机合伙人邀请码</p>
                    <input type="text" id="crode"  v-model="bag.basis.info.id" readonly>
                  
               
            </div>
        </div>
  
    </div>
    <!--<div class="Payment-content">
        <div class="Payment-top">
            <div class="ment-a">
                <i class="iconfont icon-zuanshi"></i><span v-text="bag.basis.info.username">-</span>
            </div>
        </div>
        <div class="Payment-bottom">
            <img :src="bag.qrcode" style="margin-top:30px;">
        </div>
    </div>-->
</div>
<script type="text/javascript">
    var pagedata = {
        request: {
            method: "VIEW_USER_QRCODE"
        },
        screen: {
            header_title_name: "付款",
            header_display: false,
            footer_display: false,
            footer_choose: "home"
        },
        data: {
        },
        methods: {

        }
    }
    mview.view.chlid.init(pagedata);


    //复制
    function copy() {
        var NumClip = document.getElementById("crode");
        var NValue = NumClip.value;
        var valueLength = NValue.length;
        selectText(NumClip, 0, valueLength);
        document.execCommand("Copy", "false", null); // 执行浏览器复制命令
        alert("复制成功");
    }
    // input自带的select()方法在苹果端无法进行选择，所以需要自己去写一个类似的方法
    function selectText(obj, startIndex, stopIndex) {
        if (obj.setSelectionRange) {
            obj.setSelectionRange(startIndex, stopIndex);
        } else if (obj.createTextRange) {
            var range = obj.createTextRange();
            range.collapse(true);
            range.moveStart('character', startIndex);
            range.moveEnd('character', stopIndex - startIndex);
            range.select();
        }
        obj.focus();
    }

</script>


